Skip to content

ScrollablePane SCSS to MergeStyles Part 2: Style Conversion#4010

Merged
oengusmacinog-zz merged 6 commits intomicrosoft:masterfrom
oengusmacinog-zz:scrollablepane-scss2ms-pt2
Feb 20, 2018
Merged

ScrollablePane SCSS to MergeStyles Part 2: Style Conversion#4010
oengusmacinog-zz merged 6 commits intomicrosoft:masterfrom
oengusmacinog-zz:scrollablepane-scss2ms-pt2

Conversation

@oengusmacinog-zz
Copy link
Copy Markdown
Collaborator

@oengusmacinog-zz oengusmacinog-zz commented Feb 17, 2018

Pull request checklist

  • Include a change request file using $ npm run change

Description of changes

Convert all SCSS to MergeStyles in ScrollablePane component.

BaseComponent,
css
classNamesFunction,
css,
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is css still being used somewhere?

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch :)

overflowY: 'auto',
maxHeight: 'inherit',
height: 'inherit',
// @todo this doesn't work with JS
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this a regression if we merge as-is?

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually I should ask @dzearing about this. Unfortunately it is not included in the JS Api, so I it is not as simple as adding an IRawStyle. I did a little research, but the general comment was that if you want to get this specific with your styles, don't style with JS as it's just not there yet. This will not cause a visual regression though, only cause scroll behavior to differ on specific webkit browsers like Opera and Chrome.

Also, @betrue-final-final do you know how important this rule is design wise, or if it was just added out of convenience?

@oengusmacinog-zz oengusmacinog-zz merged commit f899dab into microsoft:master Feb 20, 2018
@oengusmacinog-zz oengusmacinog-zz deleted the scrollablepane-scss2ms-pt2 branch February 21, 2018 15:32
Markionium added a commit to Markionium/office-ui-fabric-react that referenced this pull request Feb 21, 2018
* master:
  Applying package updates.
  Features/disabled link pointer events (microsoft#4020)
  Image SCSS to MergeStyles Part 1: File Structure (microsoft#4037)
  Nav SCSS to MergeStyles Part 1: File Structure (microsoft#4036)
  Dialog: modal props now mixed correctly (microsoft#4045)
  Rating type (microsoft#4046)
  Dialog: Converting to mergeStyles part 1 - file structure. (microsoft#4042)
  ScrollablePane SCSS to MergeStyles Part 2: Style Conversion (microsoft#4010)
  Spin Button and Checkbox: Added Support for aria-setsize and aria-posinset (microsoft#4006)
  SwatchColorPicker: Improve keyboarding/mouse experience (microsoft#4035)
  Enable jsx key (microsoft#4017)
  make onShouldVirtualize work for grouped list (microsoft#4021)
  ResizeGroup SCSS to MergeStyles Part 1: File Structure (microsoft#4022)
  Misc changes from 6.0 branch (microsoft#4031)
  Enable prefer-const tslint flag (microsoft#4018)
Markionium added a commit to Markionium/office-ui-fabric-react that referenced this pull request Feb 21, 2018
* origin:
  Applying package updates.
  Features/disabled link pointer events (microsoft#4020)
  Image SCSS to MergeStyles Part 1: File Structure (microsoft#4037)
  Nav SCSS to MergeStyles Part 1: File Structure (microsoft#4036)
  Dialog: modal props now mixed correctly (microsoft#4045)
  Rating type (microsoft#4046)
  Dialog: Converting to mergeStyles part 1 - file structure. (microsoft#4042)
  ScrollablePane SCSS to MergeStyles Part 2: Style Conversion (microsoft#4010)
  Spin Button and Checkbox: Added Support for aria-setsize and aria-posinset (microsoft#4006)
  SwatchColorPicker: Improve keyboarding/mouse experience (microsoft#4035)
  Enable jsx key (microsoft#4017)
  make onShouldVirtualize work for grouped list (microsoft#4021)
  ResizeGroup SCSS to MergeStyles Part 1: File Structure (microsoft#4022)
  Misc changes from 6.0 branch (microsoft#4031)
  Enable prefer-const tslint flag (microsoft#4018)
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants